<template>
  <Card style="min-height: 600px" class="search">
    <Card  style="width: 90%;margin: 0 auto;background-color: ghostwhite;font-weight: bolder;font-size: 12px;font-family: '微软雅黑 Light'">
      <p slot="title" >
        会员签到
      </p>


      <Card
      style="margin-bottom: 20px;min-height: 80px"
      >
        <Row :gutter="8">

          <Col>
            <img width="50" height="50" src="@/assets/nophoto.gif"/>
          </Col>
          <Col flex="1">
            <Form  :model="search"  :label-width="75">
              <Row>
                <Col span="6">
                  <FormItem   label="卡号:" prop="memberCardNo">
                    <Input  @on-enter=""  style="color: red"  v-model="search.memberCardNo"/>
                  </FormItem>
                </Col>
                <Col span="6">
                  <FormItem   label="姓名:" prop="memberName">
                    <Input    v-model="search.memberName"/>
                  </FormItem>
                </Col>
                <Col span="6">
                  <FormItem     label="手机号:" prop="memberCardNo">
                    <Input   v-model="search.memberTel"/>
                  </FormItem>
                </Col>
                <Col span="6">
                  <Button  style="width: 90px;margin-left: 8px" type="primary">搜索</Button>
                </Col>
                <Col span="24" style="margin-top: 8px">
                    <Row gutter="16">
                      <Col>卡号:<label style="color: red">00000001</label> </Col>
                      <Col>姓名:<label style="color: red">杨大鹏</label> </Col>
                      <Col>是否过期:<label style="color: red">剩余【365】天</label></Col>
                      <Col> <div style="color: deepskyblue;border: none;background: none;cursor: pointer" type="text">↓显示会员详细资料↓</div></Col>
                    </Row>

                </Col>

              </Row>
            </Form>

          </Col>

        </Row>

      </Card>

      <Card
      >
      <Row>

        <Form    :label-width="100">
          <FormItem   label="前往场地:" >
            <CheckboxGroup v-model="border">
              <Checkbox label="健身类" ></Checkbox>
              <Checkbox label="泳池" ></Checkbox>
              <Checkbox label="球类" ></Checkbox>
              <Checkbox label="功能房" ></Checkbox>
              <Checkbox label="儿童设施" ></Checkbox>
              <Checkbox label="其他" ></Checkbox>
            </CheckboxGroup>
          </FormItem>
          <FormItem   label="是否领用毛巾:">
            <RadioGroup  v-model="border">
              <Radio label="否" ></Radio>
              <Radio label="是" ></Radio>
            </RadioGroup>
          </FormItem>
          <FormItem   label="手牌号码:" >
            <InputNumber :max="5000" :min="1" v-model="value1"></InputNumber>
          </FormItem>
          <FormItem   label="备注:" >
            <Input type="textarea" :rows="6"   maxlength="200" v-model="value1"></Input>
          </FormItem>

          <FormItem   label="" >
            <Button  style="width: 90px;margin-left: 8px" type="primary">确定签到</Button>

          </FormItem>

        </Form>


      </Row>
      </Card>

      </Card>
  </Card>
</template>

<script>
export default {
  name: "index",
  data() {
    return{
      search:{
        memberCardNo:'',
        memberName:'',
        memberTel:''
      }
    }
  }
}
</script>

<style scoped>
.mempanel_key {
  font-size: 23px;
  font-weight: bold;
}
</style>
